<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>员工信息管理系统</title>
	</head>
	<body>
		请输入组员昵称：
		<input type="text" autocomplete="off">
		<button type="button">添加员工</button>
		<div class="users">
			你添加的组员昵称如下：
		</div>
		<script type="text/javascript">
			//重复添加 每次都存起来 添加之前我都看看  数组 [] ["aa","aaa","bb"]
			// 获取标签
			var input =  document.querySelector("input")
			var button = document.querySelector("button")
			var users = document.querySelector(".users")
			var list = []
			// 点击按钮
			button.onclick = function(){
				// 获取输入框的内容---值
				var inp = input.value;
				// 判断昵称不能为空 不能包含逗号
				if(inp.length==0){
					alert("昵称不能为空")
				}else if(inp.indexOf(",") != -1 || inp.indexOf("，") != -1){
					alert("昵称不能包含逗号")
				}else if(list.indexOf(inp) != -1){
					alert("不能添加重复昵称")
				}else{
					// 在数组追加 数据
					list.push(inp)
					// 追加内容 :追加 + 斜体 + 换行
					users.innerHTML = users.innerHTML + "<br/>" + inp.italics(); 
				}
			}
		</script>
	</body>
</html>
